<template>
	<view>
		<view class="box flex-center-center">
			<view class="">
				<view class="round flex-center-center">
					<image class="img" src="/static/svg/yes.svg" mode=""></image>
				</view>
			</view>
		</view>
		<view class="text-center font-600 w-100 font-18 col-000-8" style="margin-top: 48rpx;">
			<!-- 设备添加成功！ -->
			{{$t('addDevice.successfully')}}
		</view>
		<view class="text-center w-100 font-14 col-000-4 m-t-8">
			<!-- 您的沙画设备已成功连接到网络！ -->
			{{$t('addDevice.successfullyTips')}}
		</view>
		<view class="refresh-box-zan"></view>
		<view class="refresh-box flex-center-center font-14 col-fff" @click="doUse">
			{{$t('addDevice.start')}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			doUse() {
				uni.reLaunch({
					url: '/pages/device/device'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 100%;
		margin: 200rpx auto 0;
		text-align: center;
		.round {
			width: 144rpx;
			height: 144rpx;
			background-color: rgba(60, 130, 246, 0.15);
			border-radius: 100%;
			margin: auto 0;
			.img {
				width: 100rpx;
				height: 80rpx;
			}
		}
	}
	.refresh-box-zan {
		width: 100%;
		height: 110rpx;
	}

	.refresh-box {
		width: 700rpx;
		height: 100rpx;
		border-radius: 16rpx;
		background-color: #000;
		margin: auto 0;
		position: fixed;
		left: 40rpx;
		bottom: 20rpx;
	}

	.tips-box {
		width: 100%;
		margin-top: 80rpx;
	}
</style>